/* INDEX
============================================================================= */
  .w-index {
    line-height: normal;
  }

  .w-index .w-post-wrapper {
    background: #EEE;
    position: relative;
    height: 230px;
    overflow: hidden;
  }

  .w-index .w-post-title {
    background: rgba(0, 164, 240, .9);
    width: 100%;
    z-index: 2;
    position: absolute;
    margin: 0;
    padding: 0;
  }

  .w-index .w-post-title a {
    display: block;
    color: #fff;
    padding: 5px;
  }

  /* cores dos fundos dos titulos das postagens de acordo com a categoria */
  .w-index .BLOGGER   { background-color: rgba(230, 90, 0, .8); }
  .w-index .GIMP   { background-color: rgba(0, 140, 120, .8); }

  .w-index .w-post-wrapper .description {
    background-color: rgba(0, 0, 0, .9);
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 5px;
    margin: 0;
    width: 98.9%;
    z-index: 9;
  }

  .w-index .w-post-wrapper img {
    opacity: .2;
  }

  .w-index .w-post-wrapper .intro {
    display: none;
  }

/* BLOG
============================================================================= */
  .blog-status-msg {
    background: #00a4f0;
    margin-top: 2.143em;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: .875em;
  }

  .blog-status-msg a {
    text-decoration: underline;
    color: #fff;
    display: block;
  }

  #blog-main-outer {
    margin-top: 12.5em;
  }

  #blog-main-outer #blog-main {
    margin: 30px auto 0;
  }


  .w-post-outer {
    margin-top: 30px;
  }

  .w-post-info a {
    font-weight: bold;
    margin-bottom: 2px;
    display: inline-block;
  }

  .cover-wrapper img {
    display: block;
  }

  .w-post-timestamp abbr[title] {
    border-bottom: none;
  }

  .w-post-author {
    float: right;
  }

  .w-post-title {
    background: #00a4f0;
    font-size: 1.7em;
    padding: 5px;
    color: #fff;
    margin: 0;
  }

  .social {
    float: left;
    margin-left: 30px;
  }

  .social:first-child {
    margin-left: 0;
  }

  .post-footer {
    position:  relative;
    margin: 30px 0 0;
  }

  .post-labels {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 60%;
  }

  .w-post-body .image-wrapper {
    text-align: center;
    margin: 1.5em 0;
  }

  .w-post-body em {
    color: #888;
  }

  .post-labels .tags {
    display: table-cell;
    padding: 5px;
    text-transform: lowercase;
  }

  .post-labels .tags-label {
    font-weight: bold;
    display: table-cell;
    padding: 5px;
  }

  #blog-pager {
    margin: 1.875em 0;
  }

  #blog-pager a {
    display: block;
    color: transparent;
    overflow: hidden;
  }

/* SIDEBAR
============================================================================= */
  #sidebar h2 {
    background: #00a4f0;
    color: #fff;
    font-size: 1em;
    padding: 5px;
    text-align: center;
    margin: 0 0 5px;
  }

  #sidebar .widget {
    margin: 30px 0 0;
  }

  #sidebar-social {
    font-size: 1em;
    width: 100%;
    margin-bottom: 1.875em;
  }

  #sidebar-social a {
    display: block;
  }

  #sidebar-social .social-1 {
    float: left;
  }

  #sidebar-social .social-2 {
    float: right;
  }

  #sidebar-social .social-content {
    background: #000;
    padding: 10px;
    margin: 0;
    list-style-type: none;
  }

  /* seções */

  #secoes {
    margin-bottom: 1.875em;
  }

  #secoes a { color: #fff; display: block; background: #000; padding: 10px; font-size: 1em; margin-top: 5px; }

  #secoes .sec-1 { border-left: solid 15px rgba(230, 90 , 0  , .9); }
  #secoes .sec-2 { border-left: solid 15px rgba(0  , 140, 120, .9); }
  #secoes .sec-3 { border-left: solid 15px rgba(0  , 164, 240, .9); }

  .Label a {
    color: #fff;
  }

  .Label .widget-content {
    background: #000;
    color: #fff;
    padding: 5px;
  }


  .search-wrapper .search {
    background: #000;
    padding: 0 10px 10px;
    text-align: center;
  }

  .search-wrapper .bar {
    border-radius: 20px;
    border: none;
    padding: 5px 10px;
    width: 90%;
  }

  .search-wrapper .button {
    background: url(//lh5.googleusercontent.com/-2j1AukiCclI/UNzQkSX_BqI/AAAAAAAAA3k/7Wd-g_6ivLE/s490/icons_set.png) no-repeat -459px -66px transparent;
    padding: 0;
    border: none;
    height: 30px;
    width: 30px;
    cursor: pointer;
    display: none;
  }

  .BlogArchive ul {
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .BlogArchive a {
    color: #fff;
  }

  .BlogArchive .archivedate {
    position: relative;
  }

  .BlogArchive #ArchiveList .hierarchy {
    margin: 5px 0 0;
  }
  .BlogArchive #ArchiveList ul li {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-indent: 0;
  }


  .BlogArchive #ArchiveList ul ul li {
    padding-left: 0;
    margin-left: 15px;
  }

  .BlogArchive #ArchiveList ul.posts li {
    background: #000;
    padding: 5px;
    margin: 5px 0 0 15px;
  }

  #ArchiveList .toggle {
    display: block;
  }

  #ArchiveList .toggle-open {
    line-height: 21px;
  }

  #ArchiveList .zippy {
    background: #00a4f0;
    color: #00a4f0;
    display: block;
    width: 15px;
    padding: 5px;
    line-height: 21px;
  }

  #ArchiveList .toggle-open {
    background: #bbb;
    color: #bbb;
  }

  .archivedate .post-count-link {
    background: black;
    display: block;
    line-height: 21px;
    position: absolute;
    padding: 5px;
    top: 0;
    right: 0;
    width: 175px;
  }

  .archivedate .archivedate .post-count-link {
    width: 160px;
  }

/* BLOG FOOTER
============================================================================= */
  #blog-footer {
    color: #fff;
    padding: 1.875em 0;
    background: #000;
  }

  #blog-footer div {
    font-size: .875em;
  }

  /* section 1 */
  #footer-section-1 {
    float: left;
    margin-bottom: 2.143em;
  }

  #footer-section-1 a {
    display: block;
    font-weight: bold;
    text-align: center;
    width: 5.715em;
  }

  .nav-footer-inner {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .nav-footer-inner li {
    float: left;
  }

  #footer-social {
    background: #000;
    padding: 10px;
    margin: 20px 0 0;
    list-style-type: none;
  }

  #footer-social .social-1 {
    float: left;
  }

  #footer-social .social-2 {
    float: right;
  }

  #footer-social a {
    display: block;
  }

  /* section 2 */

  #footer-section-2 {
    float: right;
    margin-bottom: 2.143em;
  }

  #atribuicao {
    text-align: center;
  }

  /* direitos */

  #direitos {
    clear: both;
    text-align: center;
  }

/* BLOG HEADER
============================================================================= */
  #blog-header-outer {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -99;
  }

  .nav-wrapper {
    color: #fff;
    float: right;
    margin: 75px 0 0;
  }

  #blog-header a {
    color: #fff;
    text-decoration: none;
    display: block;
  }

  /* NAVEGAÇÃO
  ############################################################# */
  #blog-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #blog-header li {
    float: left;
    font-weight: bold;
  }

  .item-middle { margin: 0 30px; }

  .nav-wrapper a {
    text-align: center;
    font-size: 1.125em;
  }

/* COMMENTS
============================================================================= */
  #comments {
    border-top: solid 2px #000;
    margin: 30px 0 0;
  }

  .comments .comments-content .comment-header,
  .comments .comments-content .comment-content {
    margin: 0;
  }

  .comments .avatar-image-container img {
    max-width: 60px;
  }


  .comments img[src="http://img1.blogblog.com/img/anon36.png"] {
      display: none;
  }

  .comments .comment-block {
    margin-left: 0;
    padding: 0;
  }

  .comments .comment-header {
    background: #00a4f0;
    color: #fff;
    padding: 10px;
    line-height: 40px;
  }

  .comments .comment-header a {
    color: #fff;
    text-decoration: underline;
  }

  .comments .comment-content {
    padding: 10px 0;
  }

  .comments .comment-actions {
  }


  .comments .comments-content .comment-thread {
    margin: 0;
  }

  .comments .comments-content .inline-thread {
      padding: 0;
  }

  .comments .comments-content .comment:first-child {
    padding-top: 0;
  }

/* ERROR PAGE
============================================================================= */
  .error img {
    float: left;
    margin-top: 1em;
  }

  .error h2 {
    text-align: center;
    font-size: 1.25em;
  }

/* SPRITES
============================================================================= */
  .blog-title {
    background: url(../img/icons_set.png) no-repeat -150px -21px;
    color: transparent;
    float: left;
    margin: 50px 0 0;
    padding: 0 0 0 -999px;
    height: 100px;
    width: 272px;
  }

  .home-link {
    background: url(../img/icons_set.png) no-repeat -396px -125px;
    height: 30px; width: 33px; margin: 0 auto; }

  .blog-pager-newer-link {
    background: url(../img/icons_set.png) no-repeat 0 -60px;
    height: 30px; width: 150px; float: left; }

  .blog-pager-older-link {
    background: url(../img/icons_set.png) no-repeat 0 -90px;
    height: 30px; width: 150px; float: right; }


  .home-link:hover {
    background: url(../img/icons_set.png) no-repeat -363px -125px;
  }

  .blog-pager-newer-link:hover {
    background: url(../img/icons_set.png) no-repeat 0 0;
  }

  .blog-pager-older-link:hover {
    background: url(../img/icons_set.png) no-repeat 0 -30px;
  }

  /* icones sociais da barra lateral */
  #sidebar-social .social-1 a {
    background: url(../img/icons_set.png) no-repeat -129px -125px;
    height: 30px; width: 37px; }

  #sidebar-social .social-2 a {
    background: url(../img/icons_set.png) no-repeat -83px -126px;
    height: 30px; width: 30px; }

  #sidebar-social .social-3 a {
    background: url(../img/icons_set.png) no-repeat -113px -125px;
    height: 30px; width: 16px; margin: 0 auto;}

  #sidebar-social .social-1 a:hover {
    background: url(../img/icons_set.png) no-repeat -46px -125px;
  }

  #sidebar-social .social-2 a:hover {
    background: url(../img/icons_set.png) no-repeat 0 -125px;
  }

  #sidebar-social .social-3 a:hover {
    background: url(../img/icons_set.png) no-repeat -30px -125px;
  }

  /* icones sociais do rodapé */
  #footer-social .social-1 a {
    background: url(../img/icons_set.png) no-repeat -129px -125px;
    height: 30px; width: 37px; }

  #footer-social .social-2 a {
    background: url(../img/icons_set.png) no-repeat -83px -126px;
    height: 30px; width: 30px; }

  #footer-social .social-3 a {
    background: url(../img/icons_set.png) no-repeat -113px -125px;
    height: 30px; width: 16px; margin: 0 auto; }

  #footer-social .social-1 a:hover {
    background: url(../img/icons_set.png) no-repeat -46px -125px;
  }

  #footer-social .social-2 a:hover {
    background: url(../img/icons_set.png) no-repeat 0 -125px;
  }

  #footer-social .social-3 a:hover {
    background: url(../img/icons_set.png) no-repeat -30px -125px;
  }

  #selos {
    background: url(../img/icons_set.png) no-repeat -166px -121px;
    width: 197px;
    height: 35px;
    margin-top: 10px;
  }

  .comments .avatar-image-container {
    background: url(../img/icons_set.png) no-repeat -429px -96px;
    max-height: 60px; width: 60px; height: 60px; position: relative; z-index: 9; margin-right: 10px; }

/* MESSAGE BOX
============================================================================= */
  .info,
  .warn,
  .alert {
    padding: 5px;
    max-width: 60%;
    margin: 2em auto;
  }

  .info p,
  .warn p,
  .alert p {
    margin: 0;
  }

  .info {
    border: solid 3px #009aff;}

  .warn {
    border: solid 3px #ffd308;}

  .alert {
    border: solid 3px #ff0808;}

/* Estilos Gerais
============================================================================= */
  body {
    background: #000;
    font-family: Verdana, sans-serif;
    margin: 0;
  }

  a {
    text-decoration: none;
    color: #00a4f0;
  }

  h2 {
    font-size: 1.625em;
  }

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Courier New";
}

tt, code, kbd, samp { font-family: "Courier New"; }

pre code {
  max-width: 90%;
  display: block;
  padding: 0;
  border: none;
  margin: 0 auto;
}

code {
  background: #efefef;
  border: solid 1px #cfcfcf;
  padding: 0px 3px;
  border-radius: 3px;
}

code ol {
  background: #000;
  border: solid 1px #cfcfcf;
  margin: 0;
  padding: 0 0 0 45px;
}

code li {
  color: #fff;
  background: #fff;
  padding: 2px 7px;
  border-left: solid 4px #00A4F0;
  margin-left: 10px;
}

code li:nth-child(odd) {
  background: #efefef;
}

code li span {
  color: #000;
}




  #blog-header,
  #blog-main,
  #blog-footer {
    margin: 0 auto;
    width: 59.875em;
  }

  #blog-main-outer {
    background: #fff;
    border-top: solid 4px #00a4f0;
  }

  #main {
    float: left;
    width: 45.5em;
  }

  #sidebar {
    float: right;
    margin-bottom: 1.875em;
    width: 12.5em;
  }


  .group:before, .group:after { content: ""; display: table; }
  .group:after { clear: both; }
  .group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }